<template>
  <div class="mo-mask">
    <slot></slot>
  </div>
</template>
<script>
import $ from "jquery";
export default {
  name: "moMask",
  props: ["mshow"],
  data() {
    return {};
  },
  mounted() {
    $(".mo-mask").css("height", $(window).height());
  }
};
</script>
<style lang="scss" scoped>
.mo-mask {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  width: 100%;
  left: 0;
  min-height: 600px;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
}
</style>